<template>
  <div class="app">
    <p style="font-size: 30px; color: red; background-color: pink">
      style样式绑定
    </p>

    <p
      :style="{ 'font-size': '30px', color: 'red', 'background-color': 'pink' }"
    >
      style样式绑定
    </p>

    <p :style="objStyle1">style样式绑定</p>
    <p :style="[objStyle1, objStyle2]">style样式绑定</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      objStyle1: {
        fontSize: '30px',
        color: 'red',
        backgroundColor: 'pink'
      },
      objStyle2: {
        'text-decoration': 'line-through'
      }
    }
  }
}
</script>
<style lang="scss"></style>
